<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Beprof</title>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
<div id="main">
        <div class="sheet">
            <div class="sheet-tl"></div>
            <div class="sheet-tr"></div>
            <div class="sheet-bl"></div>
            <div class="sheet-br"></div>
            <div class="sheet-tc"></div>
            <div class="sheet-bc"></div>
            <div class="sheet-cl"></div>
            <div class="sheet-cr"></div>
            <div class="sheet-cc"></div>
            <div class="sheet-body">
                <div class="header">
                    <div class="header-center">
                        <div class="header-png"></div>
                    </div>
                    <div class="logo">
                     <h1 id="name-text" class="logo-name"><a href="#">Beprof</a></h1>
                     <h2 id="slogan-text" class="logo-text">Descripcion tema Beprof</h2>
                    </div>
                </div>
                <div class="nav">
                	<ul class="menu">
                		<li>
                			<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
                		</li>
                		<li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
                			<ul>
                				<li><a href="#">Menu Subitem 1</a>
                					<ul>
                						<li><a href="#">Menu Subitem 1.1</a></li>
                						<li><a href="#">Menu Subitem 1.2</a></li>
                						<li><a href="#">Menu Subitem 1.3</a></li>
                					</ul>
                				</li>
                				<li><a href="#">Menu Subitem 2</a></li>
                				<li><a href="#">Menu Subitem 3</a></li>
                			</ul>
                		</li>		
                		<li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
                		</li>
                	</ul>
                </div>
                <div class="content-layout">
                    <div class="content-layout-row">
                        <div class="layout-cell sidebar1">
                          <div class="vmenublock">
                              <div class="vmenublock-tl"></div>
                              <div class="vmenublock-tr"></div>
                              <div class="vmenublock-bl"></div>
                              <div class="vmenublock-br"></div>
                              <div class="vmenublock-tc"></div>
                              <div class="vmenublock-bc"></div>
                              <div class="vmenublock-cl"></div>
                              <div class="vmenublock-cr"></div>
                              <div class="vmenublock-cc"></div>
                              <div class="vmenublock-body">
                                          <div class="vmenublockcontent">
                                              <div class="vmenublockcontent-body">
                                                          <ul class="vmenu">
                                                          	<li>
                                                          		<a href="index.html?i1"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i2"><span class="l"></span><span class="r"></span><span class="t">News</span></a>
                                                          				<ul>
                                                          			<li><a href="index.html?">Top 10</a></li>
                                                          		</ul>
                                                          	</li>
                                                          	<li class="active">
                                                          		<a class="active" href="index.html?i3"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>
                                                          		<ul class="active">
                                                          			<li><a href="index.html?i3s1">Subitem 1</a></li>
                                                          			<li><a href="index.html" class="active">Subitem 2</a></li>
                                                          			<li><a href="index.html?i3s3">Subitem 3</a></li>
                                                          		</ul>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i4"><span class="l"></span><span class="r"></span><span class="t">Video</span></a>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i5"><span class="l"></span><span class="r"></span><span class="t">Archive</span></a>
                                                          		<ul>
                                                          			<li><a href="index.html?i5s1">2011</a>
                                                          				<ul>
                                                          					<li><a href="index.html?i5s1s1">January</a></li>
                                                          					<li><a href="index.html?i5s1s2">February</a></li>
                                                          					<li><a href="index.html?i5s1s3">March</a></li>
                                                          				</ul>
                                                          			</li>
                                                          			<li><a href="index.html?i5s2">2007</a>
                                                          				<ul>
                                                          					<li><a href="index.html?i5s2s1">January</a></li>
                                                          					<li><a href="index.html?i5s2s2">February</a></li>
                                                          					<li><a href="index.html?i5s2s3">March</a></li>
                                                          				</ul>
                                                          			</li>
                                                          			<li><a href="index.html?i5s3">2006</a>
                                                          				<ul>
                                                          					<li><a href="index.html?i5s3s1">January</a></li>
                                                          					<li><a href="index.html?i5s3s2">February</a></li>
                                                          					<li><a href="index.html?i5s3s3">March</a></li>
                                                          				</ul>
                                                          			</li>
                                                          		</ul>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i6"><span class="l"></span><span class="r"></span><span class="t">Forum</span></a>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i7"><span class="l"></span><span class="r"></span><span class="t">About</span></a>
                                                          	</li>
                                                          	<li>
                                                          		<a href="index.html?i8"><span class="l"></span><span class="r"></span><span class="t">Contact</span></a>
                                                          	</li>
                                                          </ul>
                                          
                                          		<div class="cleared"></div>
                                              </div>
                                          </div>
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="block">
                              <div class="block-tl"></div>
                              <div class="block-tr"></div>
                              <div class="block-bl"></div>
                              <div class="block-br"></div>
                              <div class="block-tc"></div>
                              <div class="block-bc"></div>
                              <div class="block-cl"></div>
                              <div class="block-cr"></div>
                              <div class="block-cc"></div>
                              <div class="block-body">
                                          <div class="blockcontent">
                                              <div class="blockcontent-body">
                                                          
                                                          <form method="get" name="searchform" action="#">
                                                            <input type="text" value="" name="s" style="width: 95%;" /><span class="button-wrapper">
                                                          	<span class="button-l"> </span>
                                                          	<span class="button-r"> </span>
                                                          	<input class="button" type="submit" name="search" value="Search" />
                                                          </span>
                                                          
                                                          </form>
                                          
                                          		<div class="cleared"></div>
                                              </div>
                                          </div>
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="block">
                              <div class="block-tl"></div>
                              <div class="block-tr"></div>
                              <div class="block-bl"></div>
                              <div class="block-br"></div>
                              <div class="block-tc"></div>
                              <div class="block-bc"></div>
                              <div class="block-cl"></div>
                              <div class="block-cr"></div>
                              <div class="block-cc"></div>
                              <div class="block-body">
                                          <div class="blockcontent">
                                              <div class="blockcontent-body">
                                                          
                                                          <p>Lorem ipsum dolor sit amet. Nam sit amet sem. Mauris a ante.</p>
                                                          <ul>
                                                           <li><a href="#" title="All News">All News</a> (50)</li>
                                                           <li><a href="#" title="Best of the Year">Best of the Year</a> (4)</li>
                                                           <li><a href="#" title="Hyperlink">Hyperlink</a> (24)</li>
                                                           <li><a href="#" title="Visited link" class="visited">Visited link</a> (17)</li>
                                                           <li><a href="#" title="Hovered link" class="hover">Hovered link</a> (6)</li>
                                                          </ul>
                                          
                                          		<div class="cleared"></div>
                                              </div>
                                          </div>
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="block">
                              <div class="block-tl"></div>
                              <div class="block-tr"></div>
                              <div class="block-bl"></div>
                              <div class="block-br"></div>
                              <div class="block-tc"></div>
                              <div class="block-bc"></div>
                              <div class="block-cl"></div>
                              <div class="block-cr"></div>
                              <div class="block-cc"></div>
                              <div class="block-body">
                                          <div class="blockcontent">
                                              <div class="blockcontent-body">
                                                          
                                                          <ul>
                                                           <li><a href="#" title="November 2011">November 2011</a></li>
                                                           <li><a href="#" title="October 2011">October 2011</a></li>
                                                           <li><a href="#" title="September 2011">September 2011</a></li>
                                                           <li><a href="#" title="June 2011">June 2011</a></li>
                                                          </ul>
                                          
                                          		<div class="cleared"></div>
                                              </div>
                                          </div>
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="block">
                              <div class="block-tl"></div>
                              <div class="block-tr"></div>
                              <div class="block-bl"></div>
                              <div class="block-br"></div>
                              <div class="block-tc"></div>
                              <div class="block-bc"></div>
                              <div class="block-cl"></div>
                              <div class="block-cr"></div>
                              <div class="block-cc"></div>
                              <div class="block-body">
                                          <div class="blockcontent">
                                              <div class="blockcontent-body">
                                                          
                                                          <ul>
                                                           <li><a href="#">My first blog</a></li>
                                                           <li><a href="#">Who will prevail?</a></li>
                                                           <li><a href="#">Stay positive!</a></li>
                                                           <li><a href="#">Oil still going up</a></li>
                                                           <li><a href="#">Obama wins again</a></li>
                                                           <li><a href="#">Gripes and Grins</a></li>
                                                           <li><a href="#">2011 Olympics</a></li>
                                                           <li><a href="#">How to SEO</a></li>
                                                           <li><a href="#">On Global Warming</a></li>
                                                           <li><a href="#">Can you guess?</a></li>
                                                          </ul>
                                          
                                          		<div class="cleared"></div>
                                              </div>
                                          </div>
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="cleared"></div>
                        </div>
                        <div class="layout-cell content">
                          <div class="post">
                              <div class="post-body">
                          <div class="post-inner article">
                                          <div class="postmetadataheader">
                                              <h2 class="postheader">Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a></h2>
                                          </div>
                                          <div class="postheadericons metadata-icons">
                                              <img src="images/postdateicon.png" width="18" height="18" alt="" />
                                              November 5th, 2011
                                               | <img src="images/postauthoricon.png" width="18" height="18" alt="" />
                                              Author <a href="#" title="Posts by Admin">Admin</a>
                                               | <img src="images/postediticon.png" width="20" height="20" alt="" />
                                              <a href="#" title="Edit">Edit</a>
                                          </div>
                                          <div class="postcontent">
                                              <img src="images\preview.jpg" alt="an image" style="float:left;" />
                                                      <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing <a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>,
                                               <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer adipiscing elit.
                                               Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit
                                               semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl <a href="#" title="one more link">one more link</a> in quam. Etiam
                                               augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>
                                              <p>Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.Maecenas at nisl. Nullam
                                               lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante
                                               dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis
                                               sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris
                                               elit.</p>
                                               <p>Aliquam pharetra. Nulla in tellus eget odio sagittis blandit.Maecenas at nisl. Nullam
                                               lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante
                                               dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis
                                               sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris
                                               elit.</p>
                                          </div>
                                          <div class="cleared"></div>
                                          <div class="postfootericons metadata-icons">
                                              <img src="images/postcategoryicon.png" width="18" height="18" alt="" />
                                              Category: <a href="#" title="Category">Advice</a>
                                               | <img src="images/posttagicon.png" width="18" height="18" alt="" />
                                              Tags: <a href="#" title="link">link</a>, <a href="#" title="visited link" class="visited">visited</a>, <a href="#" title="hovered link" class="hover">hovered</a>
                                               | <img src="images/postcommentsicon.png" width="18" height="18" alt="" />
                                              <a href="#" title="Comments">No Comments &#187;</a>
                                          </div>
                          </div>
                          
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="post">
                              <div class="post-body">
                          <div class="post-inner article">
                                          <div class="postmetadataheader">
                                              <h2 class="postheader"><a href="#" title="Permanent Link to this Post">Worth A Thousand Words</a></h2>
                                          </div>
                                          <div class="postheadericons metadata-icons">
                                              <img src="images/postdateicon.png" width="18" height="18" alt="" />
                                              September 17th, 2011
                                               | <img src="images/postauthoricon.png" width="18" height="18" alt="" />
                                              Author <a href="#" title="Posts by Admin">Admin</a>
                                               | <img src="images/postediticon.png" width="20" height="20" alt="" />
                                              <a href="#" title="Edit">Edit</a>
                                          </div>
                                          <div class="postcontent">
                                              <h1>Heading 1</h1>
                                              <h2>Heading 2</h2>
                                              <h3>Heading 3</h3>
                                              <h4>Heading 4</h4>
                                              <h5>Heading 5</h5>
                                              <h6>Heading 6</h6>
                                              <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing
                                               elit, <a href="#" title="test link">test link</a>. Nullam dignissim convallis est.
                                               Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem.
                                               Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent
                                               mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim
                                               diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla
                                               nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a
                                               ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi
                                               imperdiet augue quis tellus.<abbr title="Avenue">AVE</abbr></p>
                                              <h3>List</h3>
                                              <ul>
                                               <li>List Item 1</li>
                                               <li>List Item 2</li>
                                               <li>List Item 3</li>
                                              </ul>
                                              <h3>Quote</h3>
                                              <blockquote>
                                               <p>&#8220;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&#8221;<br />-Blockquote</p>
                                              </blockquote>
                                              <h3>Table</h3><table border="0" cellspacing="0" cellpadding="0">
                                              <tbody>
                                              <tr>
                                              <th>Header</th>
                                              <th>Header</th>
                                              <th>Header</th>
                                              </tr>
                                              <tr>
                                              <td>Data</td>
                                              <td>Data</td>
                                              <td>Data</td>
                                              </tr>
                                              <tr>
                                              <td>Data</td>
                                              <td>Data</td>
                                              <td>Data</td>
                                              </tr>
                                              <tr>
                                              <td>Data</td>
                                              <td>Data</td>
                                              <td>Data</td>
                                              </tr>
                                              </tbody></table>
                                              <br />
                                          </div>
                                          <div class="cleared"></div>
                                          <div class="postfootericons metadata-icons">
                                              <img src="images/postcategoryicon.png" width="18" height="18" alt="" />
                                              Category: <a href="#" title="Category">Photos</a>
                                               | <img src="images/posttagicon.png" width="18" height="18" alt="" />
                                              Tags: <a href="#" title="Boat">Boat</a>, <a href="#" title="Lake">Lake</a>
                                               | <img src="images/postcommentsicon.png" width="18" height="18" alt="" />
                                              <a href="#" title="Comments">No Comments &#187;</a>
                                          </div>
                          </div>
                          
                          		<div class="cleared"></div>
                              </div>
                          </div>
                          <div class="cleared"></div>
                        </div>
                    </div>
                </div>
                <div class="cleared"></div>
                <div class="footer">
                    <div class="footer-t"></div>
                    <div class="footer-l"></div>
                    <div class="footer-b"></div>
                    <div class="footer-r"></div>
                    <div class="footer-body">
                         <a href="#" class="rss-tag-icon" title="RSS"></a>
                        <div class="footer-text">
                            <br /><br /><p>Copyright © 2011. All Rights Reserved.</p>
                        </div>
                		<div class="cleared"></div>
                    </div>
                </div>
        		<div class="cleared"></div>
            </div>
        </div>
        <div class="cleared"></div>
        <p class="page-footer"><a href="http://www.misplantillasgratis.com" title="plantillas web">plantillas web</a></p>
    </div>
    
    
    
    
    
</body>
</html>
